<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta name="description" content="business portfolio site template" />
    <meta name="keywords" content="business, marketing, corporate, app, software, marketing" />
    <meta name="author" content="Tansh" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>CAMINTEL Group - NFC Hardware/Software Application Provider</title>
    <!--Fav and touch icons-->
    <link rel="shortcut icon" href="/img/icons/favicon.ico">
    <link rel="apple-touch-icon" href="/img/icons/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/img/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/img/icons/apple-touch-icon-114x114.png">
    <!--google web font-->
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,600,700' rel='stylesheet'
        type='text/css'>
    <!--style sheet-->
    <link rel="stylesheet" media="screen" href="/css/bootstrap.css" />
    <link rel="stylesheet" media="screen" href="/css/bootstrap-responsive.css" />
    <link rel="stylesheet" media="screen" href="/css/style.css" />
    <!--jquery libraries / others are at the bottom-->
    <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
    <script src="/js/modernizr.js" type="text/javascript"></script>
    <!--elastislide carousel script starts-->
    <link rel="stylesheet" media="screen" href="/css/elastislide.css" />
    <script type="text/javascript" src="/js/jquery.elastislide.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#carousel').elastislide({
                imageW: 300,
                margin: 20,
                border: 0,
                easing: 'easeInBack'
            });
        });
    </script>
    <!--elastislide carousel script ends-->
    <!--prettyphoto scripts starts-->
    <link rel="stylesheet" media="screen" href="/css/prettyPhoto.css" />
    <script src="/js/jquery.prettyPhoto.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('a[data-rel]').each(function () {
                $(this).attr('rel', $(this).data('rel'));
            });
            $("a[rel^='prettyPhoto[gallery1]']").prettyPhoto({
                animation_speed: 'fast',
                slideshow: 5000,
                autoplay_slideshow: false,
                opacity: 0.80,
                show_title: false,
                theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
                overlay_gallery: false,
                social_tools: false,
                changepicturecallback: function () {
                    var $pp = $('.pp_default');
                    if (parseInt($pp.css('left')) < 0) {
                        $pp.css('left', 0);
                    }
                }
            });
        });
    </script>
    <!--prettyphoto scripts ends-->
    <!--flexslider scripts starts-->
    <link rel="stylesheet" media="screen" href="css/flexslider.css" />
    <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
    <script type="text/javascript">
        // Slider with thumbnail
        $(document).ready(function () {
            $('#thumb-slider').flexslider({
                animation: "slide",
                controlNav: false,
                animationLoop: false,
                slideshow: true,
                directionNav: false,
                controlNav: false,
                itemWidth: 180,
                itemMargin: 0,
                asNavFor: '#slider'
            });
            $('#slider').flexslider({
                animation: "slide",
                controlNav: false,
                directionNav: false,
                animationLoop: true,
                slideshow: true,
                sync: "#thumb-slider"
            });
        });
    </script>
    <!--flexslider scripts ends-->
</head>
<body>
    <!-- Top Header starts
================================================== -->
    <div id="top">
        <div class="container clearfix">
            <div class="grid_12">
                <div style="float: left">
                    Welcome !
                </div>
                <div style="float: right">
                    <a href="/Customer/signup.aspx" id="a_signup" runat="server">Create an account</a>&nbsp;|&nbsp;<a
                        href="/Customer/signin.aspx">Already have an account?</a></div>
            </div>
        </div>
    </div>
    <!-- Top header ends
================================================== -->
    <!-- header starts
================================================== -->
<section id="header" class="clearfix">
  <div class="container">
    <div class="row"> 
      
      <!--logo starts-->
      <div class="span4 logo"><a href="/index.html"><img id="camintel" src="/img/logo.png" style="height:63px; width:243px" alt="logo"></a></div>
      <!--logo ends-->
      
      <div class="span8 clearfix"> 
        
        <!--social starts-->
        <!--social ends--> 
        
        <!--menu starts-->
        <div id="smoothmenu" class="ddsmoothmenu">
          <ul>
            <li><a href="/Index.html" class="selected">HOME</a></li>
            <li><a href="/Services.html" >SERVICES</a></li>
            <li>
                <a href="/Solutions.html" >SOLUTIONS</a>
             </li>
             <li>
                <a href="/News.html">News</a>
            </li>
            <li>
                <a href="#">ABOUT</a>
                <ul>
                    <li><a href="/About.html">TEAM</a></li>
                    <li><a href="/Careers.html">CAREERS</a></li>
                    <li><a href="/Support.html">SUPPORT</a></li>
                    <li><a href="/Location.html">LOCATION</a></li>
                    <li><a href="/Contact.html">CONTACT</a></li>
                </ul>
             </li>
            <li><a href="/Partners.html">PARTNERS</a></li> 
          </ul>
        </div>
        <!--menu ends--> 
        
      </div>
    </div>
  </div>
</section>
    <!-- header ends
================================================== -->
    <!-- content starts
================================================== -->
    <section id="content" class="clearfix"> 
  
  <!--slider-bg starts-->
  <div id="slider-bg">
    <div class="container">
      <div class="row content-top"> 
        
        <!--slides starts-->
        <div class="span12">
          <div id="slider" class="flexslider">
            <ul class="slides">
              
              <!--slide one starts-->
              <li>
                <div class="row">
                  <div class="span6">
                    <h2>Bringing innovation back to the mobile experience. <br/>
                      </h2>
                    <p></p>
                  </div>
                  <div class="span6"> <img src="/img/preview/tab-slide1.png" alt="slide"/> </div>
                </div>
              </li>
              <!--slide one ends--> 
               <!--slide two starts-->
              <li>
                <div class="row">
                  <div class="span6">
                    <h2>Responsive interface <br/>
                      became necessity for various devices</h2>
                    <p> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui zzril delenit quam littera qui blandit praesent augue duis dolore te feugait nulla facilisi. </p>
                  </div>
                  <div class="span6"> <img src="/img/preview/tab-slide2.png" alt="slide"/> </div>
                </div>
              </li>
              <!--slide two ends--> 
              
              <!--slide three starts-->
              <li>
                <div class="row">
                  <div class="span6">
                    <h2>Easy to edit & <br/>
                      customize templates for web and mobile</h2>
                    <p>Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril in iis qui facit eorum delenit augue duis dolore te feugait nulla facilisi. </p>
                  </div>
                  <div class="span6"> <img src="/img/preview/tab-slide3.png" alt="slide"/> </div>
                </div>
              </li>
              <!--slide three ends--> 
              
              <!--slide four starts-->
              <li>
                <div class="row">
                  <div class="span6">
                    <h2>Awesome creativity<br/>
                      & passion to develop apps for mobile devices</h2>
                    <p> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui qui blandit praesent zzril gothica delenit augue duis dolore te feugait nulla facilisi. </p>
                  </div>
                  <div class="span6"> <img src="/img/preview/tab-slide4.png" alt="slide"/> </div>
                </div>
              </li>
              <!--slide four ends--> 
              
              <!--slide five starts-->
              <li>
                <div class="row">
                  <div class="span6">
                    <h2>Our cloud thinking <br/>
                      process creates unlimited possibilities</h2>
                    <p>Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te qui blandit praesent feugait nulla facilisi. </p>
                  </div>
                  <div class="span6"> <img src="/img/preview/tab-slide5.png" alt="slide"/> </div>
                </div>
              </li>
              <!--slide five ends-->
              
             
              
            </ul>
          </div>
        </div>
        
        <!--slides ends--> 
        
        <!--thumbnails starts-->
        <div class="span12">
          <div id="thumb-slider" class="flexslider">
            <ul class="slides">
              <li>
<!--                <div class="thumb-text clearfix"><img src="img/icons/slider-tab-icon1.png" width="64" height="64" alt="icon">
                  <p>Awesome web templates</p>
                </div>-->
              </li>
              <li>
<!--                <div class="thumb-text clearfix"><img src="img/icons/slider-tab-icon2.png" width="64" height="64" alt="icon">
                  <p>Responsive layout</p>
                </div>-->
              </li>
              <li>
<!--                <div class="thumb-text clearfix"><img src="img/icons/slider-tab-icon3.png" width="64" height="64" alt="icon">
                  <p>Easy to customize </p>
                </div>-->
              </li>
              <li>
 <!--               <div class="thumb-text clearfix"><img src="img/icons/slider-tab-icon4.png" width="64" height="64" alt="icon">
                  <p>State of art design</p>
                </div>-->
              </li>
              <li>
<!--                <div class="thumb-text clearfix"><img src="img/icons/slider-tab-icon5.png" width="64" height="64" alt="icon">
                  <p>Infinite modules</p>
                </div>-->
              </li>
            </ul>
          </div>
        </div>
        <!--thumbnails ends--> 
        
      </div>
    </div>
  </div>
  <!--slider-bg ends-->
  
  <div class="container"> 
    
    <!--features starts-->
    <div class="row">
      <div class="span12">
        <h1><span class="color">Putting Mobile Devices to Work</span></h1>
        <div class="spacer-30px"></div>
        <ul class="list-3col text-center">
          <li>
            <!--<div class="icon-bg"><img src="img/icons/icon1-iphone.png" width="120" height="120" alt="icon"></div>-->
            <h2>Something Cool</h2>
            Duis autem vel eum iriure qui  dolor est etiam in velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros. </li>
          <li>
            <!--<div class="icon-bg"><img src="img/icons/icon1-leaf.png" width="120" height="120" alt="icon"></div>-->
            <h2>Award Winning</h2>
            Autem vel eum praesent dolor in hendrerit in vulputate velit esse molestie consequat, at vero vel blandit illum dolore eu feugiat nulla.</li>
          <li>
            <!--<div class="icon-bg"><img src="img/icons/icon1-create.png" width="120" height="120" alt="icon"></div>-->
            <h2>Top Quality Design</h2>
            Eodem modo typi qui nunc nobis videntur parum clari, fiant sollemnes  est ad minim usus  liber tempor option legentis in futurum.</li>
        </ul>
      </div>
    </div>
    <!--features ends--> 
    
    <!--spacer here-->
    <div class="spacer-30px"></div>
    
    <!--carousel starts-->
    <div class="row">
      <div class="span12"> 
        
        <!--icon and heading-->
        
        <h4 class="heading-icon clearfix"><img src="img/icons/heading-icon-1.png" width="40" height="40" alt="icon" class="icon-small-bg"> Features at a glance</h4>
        
        <!--carousel list starts-->
        <div id="carousel" class="es-carousel-wrapper">
          <div class="es-carousel">
            <ul>
              <li>
                <div class="folio-thumb"><img src="img/preview/thumb-1.jpg" alt="image" /> <a href="img/preview/thumb-1.jpg" data-rel="prettyPhoto[gallery1]" title="This is title of Image" class="icon-zoom"></a></div>
                <h5>URL Navigation</h5>
                <p>Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum assum dolore eu feugiat nulla.</p>
              </li>
              <li>
                <div class="folio-thumb"><img src="img/preview/thumb-2.jpg" alt="image" /> <a href="img/preview/thumb-2.jpg" data-rel="prettyPhoto[gallery1]" title="This is title of Image" class="icon-zoom"></a></div>
                <h5>Contact Info</h5>
                <p>Typi non habent vero claritatem insitam usus legentis in iis qui facit eorum volutpat est legere lius quod ullamcorper legentis legunt. </p>
              </li>
              <li>
                <div class="folio-thumb"><img src="img/preview/thumb-3.jpg" alt="image" /> <a href="img/preview/thumb-3.jpg" data-rel="prettyPhoto[gallery1]" title="This is title of Image" class="icon-zoom"></a></div>
                <h5>SMS</h5>
                <p>Duis autem vel eum iriure dolor in congue velit hendrerit in vulputate velit esse dolore eu feugiat nulla facilisis at vero  congue nihil.</p>
              </li>
              <li>
                <div class="folio-thumb"><img src="img/preview/thumb-4.jpg" alt="image" /> <a href="img/preview/thumb-4.jpg" data-rel="prettyPhoto[gallery1]" title="This is title of Image" class="icon-zoom"></a></div>
                <h5>24x7 support on sit amet</h5>
                <p>Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum assum dolore eu feugiat nulla.</p>
              </li>
              <li>
                <div class="folio-thumb"><img src="img/preview/thumb-5.jpg" alt="image" /> <a href="img/preview/thumb-5.jpg" data-rel="prettyPhoto[gallery1]" title="This is title of Image" class="icon-zoom"></a></div>
                <h5>Instant updation sit</h5>
                <p>Typi non habent vero claritatem insitam usus legentis in iis qui facit eorum volutpat est legere lius quod ullamcorper legentis legunt. </p>
              </li>
              <li>
                <div class="folio-thumb"><img src="img/preview/thumb-6.jpg" alt="image" /> <a href="img/preview/thumb-6.jpg" data-rel="prettyPhoto[gallery1]" title="This is title of Image" class="icon-zoom"></a></div>
                <h5>Visually appealing dolor</h5>
                <p>Duis autem vel eum iriure dolor in congue velit hendrerit in vulputate velit esse dolore eu feugiat nulla facilisis at vero  congue nihil.</p>
              </li>
            </ul>
          </div>
        </div>
        <!--carousel list ends--> 
        
      </div>
    </div>
    <!--carousel ends--> 
    
    <!--spacer here-->
    
    <!--row starts-->
    
    <!--row ends--> 
    
    <!--spacer here-->
    <div class="spacer-30px"></div>
    
    <!--box starts-->
    <!--<div class="row">
      <div class="span12">
        <div class="dark-box">
          <h1><span class="color">Get started</span> and download it TODAY!</h1>
          <ul class="list-separator">
            <li>Free Android APP <span class="separator">|</span></li>
            <li> No credit card required <span class="separator">|</span> </li>
            <li> <span class="color"> Suggestion Welcome!</span> </li>
          </ul>
          <a href="#" class="mybtn">Download Here</a> </div>
      </div>
    </div>-->
    <!--box ends--> 
    
  </div>
</section>
    <!-- content ends
================================================== -->
    <!-- footer starts
================================================== -->
    <!-- footer ends
================================================== -->
    <!-- copyright starts
================================================== -->
    <section id="copyright" class="clearfix">
  <div class="container">
    <div class="row">
      <div class="span12">
        <p> © Copyright 2013 CAMINTEL Group, LLC</p>
        
        <!--copyright menu starts-->
        <ul class="copyright-menu">
          <li><a href="/Index.html">Home</a></li>
          <li><a href="/TermsOfUse.html" target="_blank">Terms of Use</a></li>
          <li><a href="/Privacy.html" target="_blank">Privacy Policy</a></li>
          <li><a href="/About.html">Company</a></li>
          <li><a href="/Partners.html">Partners</a></li>
          <li><a href="/Contact.html">Contact Us</a></li>
        </ul>
        <!--copyright menu ends--> 
        
      </div>
    </div>
  </div>
</section>
    <!-- copyright ends
================================================== -->
    <!--other jqueries required-->
    <script src="/js/bootstrap.js" type="text/javascript"></script>
    <script src="/js/ddsmoothmenu.js" type="text/javascript"></script>
    <script src="/js/twitter.js" type="text/javascript"></script>
    <script src="/js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="/js/custom.js" type="text/javascript"></script>
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-36671461-1']);
        _gaq.push(['_setDomainName', 'camintelgroup.com']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

</script>
</body>
</html>
